<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>{lang u_register} - {lang g_webname}</title>
<link href="{TPL}css/Register.css" rel="stylesheet" type="text/css"/>
<link type="text/css" rel="stylesheet" href="{TPL}css/NewTopFoot.css"/>
<script src="{TPL}js/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="{TPL}js/Gobal.js"></script>
<script type="text/javascript" src="{TPL}js/Register_update.js"></script>
<link href="{TPL}newedit/css/public.css" rel="stylesheet" type="text/css"/>
<link href="{TPL}newedit/css/login.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript"> 
var timer = null;
var i = 60;
function aa(){
	$('#getcode').removeAttr('disabled').css('cursor','pointer');
}
function bb(){
	$('#getcode').html('稍等'+i+'秒');
	i--;
	if(i<0){
		$('#getcode').html('{lang u_receive_code}');
		clearInterval(timer);
		i=5;
	}
}
$(function(){
	$('#getcode').click(function(){
	$(this).attr('disabled','disabled').css('cursor','default');
	bb();
	clearInterval(timer);
	timer=setInterval('bb()',1000);
	setTimeout("aa()",1000*60);
})


})

window.onload(function(){
	$('#alertDiv').show();
})


function closeDiv(){
$('#alertDiv').hide();
}
</script> 

<style type="text/css">
.alertDiv{position:fixed; z-index:99; background:#fff; width:400px; height:200px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; padding:20px; bottom:15%; right:10%; margin-top:-100px; margin-left:-150px; box-shadow:2px 2px 0 #ddd,5px 5px 0 #ccc;}
.close_div{width:20px; height:20px; background:#bbb; color:#fff; text-align:center; line-height:20px; font-size:14px; border-radius:15px; position:absolute; right:-10px; top:-10px; border:3px solid #fff; box-shadow:0 0 8px -2px #000; cursor:pointer;}

.textDiv{ font-size:18px; color:red; line-height:2em; padding:15px ; border:1px dashed #ddd; background:#f8f8f8; border:0; display:block; width:330px; height:100px; overflow:hidden;}
.copy{float:right; font-size:12px; color:#333; padding:8px 12px; margin-top:30px; background:#7b7d90; color:#fff;}

</style>
<style type="text/css">
        .nodisplay {
			display:none;
		}
		.display {
			display:block;
		}
    </style>
</head>
<body>
{template 'header'}
<div class="box">
  <form id="loginFrm" method="post" action="{$register}">
  <div class="alertDiv" id="alertDiv">
		<div class="rel">
		<label style="color:blue;margin-left:10px;font-size:20px" readonly>Facebook通告</label>
		<textarea class="textDiv" id="textDiv" readonly>所有的Facebook登入，将被被替换至电话登入。 每个电话只限于一个账户使用 有任何不便，敬请原谅。</textarea>
		
		<span class="close_div" onClick="javascript:closeDiv();">X</span>
		</div>
	</div>
    <input type="hidden" name="commit" value="1"/>
    <div class="register" style="margin:0 0 0 0; width:1000px">
      <table width="100%">
        <tr>
          <td width="220px"><div class="reg" style=" background-position:75% 25%;"></div></td>
          <td><table>
              <tbody>
                <tr>
				<td class="l" style="font-size: 12px;color: #666;font-family: arial,'宋体';">
					FB用户通告： 
				</td>
				<td>
					<p style="color: black;font-size: 18px;"> 所有的Facebook登入，将被被替换至电话登入。 每个电话只限于一个账户使用</p>
					<p style="color: black;font-size: 15px;"> 有任何不便，敬请原谅。</p>
				</td>
				</tr>
                <tr>
                  <td class="l" style="font-size: 12px;color: #666;font-family: arial,'宋体';"> {lang u_username}： </td>
                  <td><input type="text" style="width:200px" onblur="nicknameblur(this)"
                                           onfocus="focusCheck(this,&quot;{lang u_nick_used_account_later}&quot;);"
                                           name="regNickName" id="regNickName" maxlength="20" value="<?php echo $row['uname']; ?>" readonly="true">
                    <p> {lang u_nick_used_account_later}</p></td>
                </tr>
                <tr>
                  <td class="l" style="font-size: 12px;color: #666;font-family: arial,'宋体';"> {lang u_phone}： </td>
                  <td><input type="text" style="width:100px" onblur="phoneblur(this)"
                                           onfocus="phonefocusCheck(this,&quot;{lang u_phone_instr}&quot;);" name="regPhone"
                                           id="regPhone" maxlength="30" value="" placeholder="60127798800">
										   <p>{lang u_phone_instr}</p><button type="button" id="getcode" onclick="getverifycode()"  class="nodisplay" name="" style="height:30px;width:90px;float:left">{lang u_receive_code} </button>
                    </td>
                </tr>
				<tr>
                  <td class="l" style="font-size: 12px;color: #666;font-family: arial,'宋体';"> {lang u_code}： </td>
                  <td><input type="text" style="width:200px" name="regCheckCodeInput" class="verification"
                                           id="regCheckCodeInput"><p> </p>
                    </td>
                </tr>
                <tr>
                  <td class="l" style="font-size: 12px;color: #666;font-family: arial,'宋体';"> {lang u_set_pwd}： </td>
                  <td><input type="password" style="width:200px"
                                           onfocus="focusCheck(this,'{lang u_pwd_instr}')" onblur="checkPassword(this)"
                                           value="" name="regPassword" id="regPassword" maxlength="20"
                                           onkeydown="passPower(this)">
                    <p> {lang u_input_pwd_recomm}</p>
                    <div style="display: none;" class="rank" id="passPower"> {lang u_security_level_low} </div></td>
                </tr>
                <tr>
                  <td class="l" style="font-size: 12px;color: #666;font-family: arial,'宋体';"> {lang u_confirm}： </td>
                  <td><input type="password" style="width:200px" value="" onblur="reCheckPassword(this)"
                                           onfocus="focusCheck(this,'{lang u_confim_recomm}')" name="regRePassword"
                                           maxlength="20" id="regRePassword">
                    <p> {lang u_confim_recomm}</p></td>
                </tr>
                
                <tr>
                  <td colspan="2"><button type="button" onclick="regSubmit()" name="" class="free_but"
                                            style="margin-left:105px">{lang u_send_reg} </button></td>
                </tr>
                <tr>
                  <td colspan="2"><input type="checkbox" checked="checked" value="" name="regAgree" id="regAgree"
                                           class="reg_agree" style="float: left;margin: 2px 0 0 105px;width:20px">
                    <span class="reg_agree_txt"
      style="float: left;line-height: 15px;margin-left: 10px;font-size: 12px;color: #666;font-family: arial,'宋体';">{lang u_agree_proto} <a target="_blank" href="{url_help.php?action=view&id=82}" style="margin:0 0 0 0;float:none;">《{lang
                    u_register_proto}》</a></span> </td>
                </tr>
              </tbody>
            </table></td>
        </tr>
      </table>
    </div>
  </form>
</div>
<div class="bottom_1"> </div>
{template 'footer'}
</body>
</html>
